<div class="modal" tabindex="-1" role="dialog" data-backdrop="static">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title realms-op-title"></h4>
      </div>
      <div class="modal-body">
        <div class="realms-op-fields">
          <table class="form-table-ct realms-op-form">
            <tr class="realms-op-join-only-row">
              <td><label class="control-label" translatable="yes">Domain Address</label></td>
              <td>
                <input class="realms-op-field form-control realms-op-address" type="text" value=""/>
              </td>
              <td class="realms-op-zero-width">
                <div class="realms-op-address-spinner" hidden>
                  <span class="spinner spinner-xs spinner-inline"></span>
                </div>
                <div class="realms-op-address-error" hidden>
                  <span class="fa fa-lg fa-exclamation"></span>
                </div>
              </td>
            </tr>
            <tr class="realms-op-join-only-row">
              <td class="header"></td>
            </tr>
            <tr class="realms-op-join-only-row realm-active-directory-only">
              <td><label class="control-label" translatable="yes">Computer OU</label></td>
              <td>
                <input class="realms-op-field form-control realms-op-computer-ou" type="text" value=""/>
              </td>
            </tr>
            <tr class="realms-op-join-only-row realms-authentification-row">
              <td><label class="control-label" translatable="yes">Authentication</label></td>
              <td>
                  <div class="btn-group bootstrap-select dropdown form-control realms-op-auth">
                      <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
                          <span class="pull-left"></span>
                          <div class="caret"></div>
                      </button>
                      <ul class="dropdown-menu">
                      </ul>
                  </div>
              </td>
            </tr>
            <tr class="realms-op-join-only-row realms-op-user-row">
              <td><label class="control-label" translatable="yes">User Name</label></td>
              <td>
                <input class="realms-op-field form-control realms-op-user" type="text" value=""/>
              </td>
            </tr>
            <tr class="realms-op-join-only-row realms-op-user-password-row">
              <td><label class="control-label" translatable="yes">User Password</label></td>
              <td>
                <input class="realms-op-field form-control realms-op-user-password" type="password" value=""/>
              </td>
            </tr>
            <tr class="realms-op-join-only-row realms-op-admin-row">
              <td><label class="control-label" translatable="yes">Domain Administrator Name</label></td>
              <td>
                <input class="realms-op-field form-control realms-op-admin" type="text" value=""/>
              </td>
            </tr>
            <tr class="realms-op-join-only-row realms-op-admin-password-row">
              <td><label class="control-label" translatable="yes">Domain Administrator Password</label></td>
              <td>
                <input class="realms-op-field form-control realms-op-admin-password" type="password" value=""/>
              </td>
            </tr>
            <tr class="realms-op-join-only-row realms-op-otp-row">
              <td><label class="control-label" translatable="yes">One Time Password</label></td>
              <td>
                <input class="realms-op-field form-control realms-op-ot-password" type="password" value=""/>
              </td>
            </tr>
            <tr>
              <td colspan="3">
                <div class="realms-op-error" hidden></div>
                  <pre class="realms-op-diagnostics" hidden>
                  </pre>
                </div>
              </td>
            </tr>
          </table>
        </div>
      </div>
      <div class="modal-footer">
        <div class="realms-op-spinner spinner pull-left"></div>
        <span class="realms-op-wait-message" translatable="yes" hidden>This may take a while</span>
        <button class="btn btn-default realms-op-cancel" translatable="yes">Cancel</button>
        <button class="btn btn-primary realms-op-apply" translatable="yes">Next</button>
      </div>
    </div>
  </div>
</div>
